// 基于axios、
import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'
// 引入进度条
import nprogress from 'nprogress'
// 引入进度条的样式
import 'nprogress/nprogress.css'

// 接口和资源所在的服务器地址
export const baseURL = 'http://big-event-vue-api-t.itheima.net'
// axios.create()创建一个带配置项的自定义axios函数
const myaxios = axios.create({
  baseURL
})
// 请求拦截器
myaxios.interceptors.request.use(function (config) {
  // 携带请求头
  nprogress.start()
  if (store.state.token) {
    config.headers.Authorization = store.state.token
  }
  // 请求前触发一次
  return config
}, function (error) {
  // 请求发起前的代码，如果有异常报错就会进入这里
  // 类似catch函数里的return
  return Promise.reject(error)
})
// 响应拦截器
myaxios.interceptors.response.use(function (response) {
  nprogress.done()
  return response
}, function (error) {
  // 被动退出
  if (error.response.status === 401) {
    // 响应token过期，清空vuex，切换到登录页面
    store.commit('updateToken', '')
    store.commit('updateUserInfo', {})
    router.push('/login')
    Message.error('令牌过期，请重新登录')
  }
  return Promise.reject(error)
})
export default myaxios
